<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
<meta name="viewport" content="target-densitydpi=medium-dpi,width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title></title>
<link rel="stylesheet" href="css/swiper.css"/>
<link rel="stylesheet" href="css/fancybox.css"/>
<link rel="stylesheet" href="css/basic.css"/>
<link rel="stylesheet" href="css/index.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/fancybox.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/simpler-sidebar.js"></script>
<script type="text/javascript" src="js/SuperSlide.js"></script>
<script type="text/javascript" src="js/swiper.js"></script>
<style type="text/css">
	.prov-data .hd .on{
		color: #007AFF;
	}
	.prov-data .bd li{
		display: none;
	}
	.prov-data .bd li.on{
		display: block;
	}
</style>
</head>
<body>
<div class="header">
<div class="container clearfix">
<h1><a href="###">威浪仕</a></h1>

<div class="mblNav clearfix">
	<div class="Headernav">
		<ul class="clearfix">
			<li><a href="###">首页</a></li>
			<li><a href="###">走进威浪仕</a></li>
			<li><a href="###">产品中心</a></li>
			<li><a href="###">全球案例</a></li>
			<li><a href="###">服务支持</a></li>
			<li><a href="###">网上展厅</a></li>
		</ul>
	</div>
	<div class="header-icon clearfix">
		<div class="shop-car">
			<a href="###"></a>
		</div>
		<div class="search-box">
			
		</div>
		<form class="head_form" action="" >
			<input type="text" placeholder="请输入关键词">
			<button></button>
		</form>
	</div>
</div>

<div class="navToggle hidden-lg hidden-md">
	<em></em>
	<div class="icon"></div>
</div>

</div>
</div>

<div class="ins-img">
	<img src="images/pro3_02.jpg" alt="">
</div>

<div class="nav-box">
<div class="container clearfix">
<ul class="break clearfix">
	<li><a href="###">首页</a></li>
	<li><a href="###">产品中心</a></li>
	<li><a href="###">大型砂缸</a></li>
</ul>

</div>
</div>


<div class="prov">
<div class="container clearfix">
	
<div class="swiper-container col-lg-6 col-md-6 col-sm-12 col-xs-12">
<div class="swiper-wrapper">
<div class="swiper-slide">
	<div class="img-box">
		<img src="images/pro3_05.jpg" alt="">
	</div>
</div>
<div class="swiper-slide">
	<div class="img-box">
		<img src="images/pro3_05.jpg" alt="">
	</div>
</div>
<div class="swiper-slide">
	<div class="img-box">
		<img src="images/pro3_05.jpg" alt="">
	</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>

<div class="text_box col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h3>BHP高性能 </h3>
<div class="swiper-container">
<div class="swiper-wrapper">
	<div class="swiper-slide swiper-no-swiping" >
		<div class="text swiper-no-swiping">
			<p>产品型号：WL- BHP200M</p>
			<p>产品介绍：</p>
			<div class="text-box">
				<p>BHP/BHP-E系列高性能水泵采用了创新型的水力设计,在常规运行条件下，同其他水泵相比，BHP/BHP-E水泵兼具大流量和高扬程的特点，而且还具有超强的持</p>
				<p>续运行能力和稳定性。</p>
			</div>
		</div>
	</div>
</div>
<div class="swiper-scrollbar"></div>
</div>

<a href="###" class="tianmao">网站商城</a>
<a href="###" class="phone">400-806-5128</a>

<div class="case-share">
	分享:
	<img src="images/icon29.png" >
	<div class="bshare-custom">
		<a title="分享到新浪微博" class="bshare-sinaminiblog"></a>
		<a title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a>
		<a title="分享到LinkedIn" class="bshare-linkedin" href="javascript:void(0);"></a>
		<a title="分享到QQ空间" class="bshare-qzone" href="javascript:void(0);"></a>
	</div>
</div>

</div>
</div>
</div>

<div class="prov-data container">
	
	<h4>产品详情</h4>
	
	<ul class="hd clearfix">
		<li class="on"><a href="###">产品描述</a></li>
		<li><a href="###">技术参数</a></li>
		<li><a href="###">结构尺寸图</a></li>
	</ul>
	
	<ul class="bd">
		<li class="on">
			<div class="text-box">
				{$one.content1}
			</div>
		</li>
		<li>
			<div class="text-box">
				{$one.content2}
			</div>
		</li>
		<li>
			<div class="text-box">
				{$one.content3}
			</div>
		</li>
	</ul>
	
</div>



<div class="recommend rec-prov">
<div class="container">
<h3>产品推荐</h3>

<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-no-swiping">
<div class="list">
	<a href="###">
		<div class="img_box">
			<img src="images/pro3_13.jpg" alt="">
		</div>
		<p>产品名字</p>
	</a>
</div>
</div>
<div class="swiper-slide swiper-no-swiping">
<div class="list">
	<a href="###">
		<div class="img_box">
			<img src="images/pro3_13.jpg" alt="">
		</div>
		<p>产品名字</p>
	</a>
</div>
</div>
<div class="swiper-slide swiper-no-swiping">
<div class="list">
	<a href="###">
		<div class="img_box">
			<img src="images/pro3_13.jpg" alt="">
		</div>
		<p>产品名字</p>
	</a>
</div>
</div>
<div class="swiper-slide swiper-no-swiping">
<div class="list">
	<a href="###">
		<div class="img_box">
			<img src="images/pro3_13.jpg" alt="">
		</div>
		<p>产品名字</p>
	</a>
</div>
</div>
<div class="swiper-slide swiper-no-swiping">
<div class="list">
	<a href="###">
		<div class="img_box">
			<img src="images/pro3_13.jpg" alt="">
		</div>
		<p>产品名字</p>
	</a>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>


<div class="footer">
<div class="container">
<div class="footer1">
<a href="###">首页</a>
<a class="search"></a>
</div>
<div class="footer2">
<div class="footer-nav clearfix">
<div class="fnav-box">
	<h3><a href="###">走进威浪仕</a></h3>
	<ul>
		<li><a href="###">品牌介绍</a></li>
		<li><a href="###">品牌文化</a></li>
		<li><a href="###">发展历程</a></li>
		<li><a href="###">荣誉资质</a></li>
		<li><a href="###">新闻资讯</a></li>
		<li><a href="###">水环境研究中心</a></li>
		<li><a href="###">联系我们</a></li>
	</ul>
</div>

<div class="fnav-box">
	<h3><a href="###">产品中心</a></h3>
	
	<ul>
		<li><a href="###">泳池专用</a></li>
		<li><a href="###">智能暖通</a></li>
		<li><a href="###">层流健身游泳</a></li>
		<li><a href="###">水疗桑拿</a></li>
		<li><a href="###">维生系统</a></li>
	</ul>
</div>

<div class="fnav-box">
	<h3><a href="###">全球案例</a></h3>
	
	<ul>
		<li><a href="###">竞赛场馆</a></li>
		<li><a href="###">高校项目</a></li>
		<li><a href="###">文旅项目</a></li>
		<li><a href="###">酒店项目</a></li>
		<li><a href="###">房地产</a></li>
		<li><a href="###">维生系统</a></li>
	</ul>
</div>

<div class="fnav-box">
	<h3><a href="###">服务支持</a></h3>
	
	<ul>
		<li><a href="###">竞赛场馆</a></li>
		<li><a href="###">高校项目</a></li>
		<li><a href="###">文旅项目</a></li>
		<li><a href="###">酒店项目</a></li>
		<li><a href="###">房地产</a></li>
		<li><a href="###">维生系统</a></li>
	</ul>
</div>

<div class="fnav-box">
	<h3><a href="###">网上展厅</a></h3>
	
	<ul>
		<li><a href="###">VR展厅</a></li>
		<li><a href="###">网上商城</a></li>
	</ul>
</div>
</div>
</div>
<div class="footer3 clearfix">
<h4 class="hidden-lg hidden-md">友情链接</h4>
<div class="friend-link">
<a href="###">威浪仕热泵官网</a>
<a href="###">威浪仕维生系统官网</a>
<a href="###">威浪仕无边际泳池官网</a>
</div>

<div class="bshare-custom">
<a title="分享到微信" class="bshare-weixin"></a>
<a title="分享到LinkedIn" class="bshare-linkedin"></a>
</div>

<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/button.js#style=-1&amp;uuid=&amp;pophcol=3&amp;lang=zh"></script>
<a class="bshareDiv" onclick="javascript:return false;"></a>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
</div>
</div>
<div class="copy">Copyright©2020  LASWIM（威浪仕） .All right reserved  技术支持：<a href="http://www.fsyunlu.com" target="_blank">云路科技</a></div>
</div>

<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	
$(function(){
	
	$('.prov-data .hd li').on('click',function(){
		
		var $index=$(this).index();
		
		$(this).addClass('on')
		.siblings().removeClass('on');
		
		$(this).parent().next().children().removeClass('on')
		.eq($index).addClass('on');
		
	});
	
});
</script>
</body>
</html>
